<!DOCTYPE html>
<html lang='zh-CN'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript" charset="UTF-8"></script>

<title>乱码</title>
</head>
<body>
	<div style="margin:0px 0;"></div>
	<div class="easyui-layout" style="width:100%;height:720px;">
		<div data-options="region:'south',split:true" style="height:480px;">
			
		</div>
		<div  data-options="region:'east',split:true" title="数据详情" style="width:870px;">
						
		</div>
		<div data-options="region:'west',split:true"  title="查询" style="width:163px;">
		<div class="easyui-panel" >
		<a id="btnFamily1" href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="family=1;">cr1</a>
		<a id="btnFamily2" href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="family=2;">cr2</a>
		<a id="btnFamily3" href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="family=3;">cr3</a>
		<a id="btnFamily4" href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'" onclick="family=4;">x3</a>
		<a id="btnFamily5" href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1',selected:true" onclick="family=5;">x5</a>
		</div>
			<div style="margin:3px 3px;">
				起始时间：
		 		<input id="time0" class="easyui-datetimespinner"  style="width:150px" data-options="showSeconds:true">
			</div>
			<div style="margin:10px 3px;">
				结束时间：
				<input id="time1" class="easyui-datetimespinner"   style="width:150px" data-options="showSeconds:true">
			</div>
			<a id="query_getJson" href="#" class="easyui-linkbutton" style="width:150px" data-options="iconCls:'icon-search'"
    			onclick="var dt0=$('#time0').val();dt1=$('#time1').val();getESCount(dt0,dt1);">查询</a>
    		<div id="progressBar" class="easyui-progressbar" style="width:150px;"></div>
    		<p id="msg"></p>
    		<div class="divb"><a href="./help.html" target="_blank">页面无法显示？</a></div>
		</div>
		<div data-options="region:'center',title:'OEE',iconCls:'icon-ok'">
			<div id="oeeChart" style="top:10px; width:450px;height:200px"></div>
			<div style="position:absolute;top:5px;left:2px;width:50px;height:22px;background-color: #E0ECFF">时间单位</div>
			<div style="position:absolute;top:2px;left:52px;width:20px;height:20px;">
			
				<select id="cc" style="width:60px" data-options="panelHeight:70"></select>
				<div id="sp">
					<div style="padding:1px">
						<input type="radio" name="lang" value=3600 ><span>小时</span><br/>
						<input type="radio" name="lang" value=60 checked><span>分</span><br/>
						<input type="radio" name="lang" value=1><span>秒</span><br/>
					</div>
				</div>
				<script type="text/javascript">
					$(function(){
						$('#cc').combo({
							required:true,
							editable:false
						});
						$('#sp').appendTo($('#cc').combo('panel'));
						$('#cc').combo('setValue', 60).combo('setText', "分");
						$('#sp input').click(function(){
							var v = $(this).val();
							var s = $(this).next('span').text();
							$('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
							//alert();
						});
					});
				</script>
			</div>
		</div>
	</div>
	


</body>
</html>